@charset "utf-8";

/* reset */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, code, form, fieldset, legend, input, textarea, button, p, blockquote, th, td {margin: 0; padding: 0;}
html, body {background: none repeat scroll 0 0 #FFFFFF; height: 100%;  width: 100%;}
body {font-family: dotum, Arial,sans-serif;  font-size: 0.75em; color:#6a6a6c;}
li {list-style: none outside none;}
img, fieldset {border: 0 none;}
img {width:100%; vertical-align: middle;}
legend, hr {display: none;}
legend, caption {display: block;  font-size: 0;  height: 0;  left: 0;  line-height: 0;  overflow: hidden;  position: absolute;  top: 0;  visibility: hidden;  width: 0;}
input, select, textarea {color: #6a6a6c;  font-family: Arial,sans-serif;  font-size: 100%;}
button {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);  border: 0 none;}
em, address {font-style: normal;}
table {border-spacing: 0; border-collapse:collapse; width:100%;}
a, a:link, a:visited, a:hover {color: #007CC0;  text-decoration: none;}
p, a, h2, h3 {word-wrap: break-word;}
input[type=text],
input[type=password],
input[type=email],
input[type=date],
input[type=tel] {border-radius:0; -webkit-appearance:none; vertical-align:middle;}
select, textarea {-webkit-appearance:none; -webkit-border-radius:0px;}

/* common */
.swipe-hook {position:relative; width:100%; overflow:hidden;}
.swipe-item-wrap {position:relative; z-index:10;}
.swipe-item-wrap:after {content:''; clear:both; display:block; height:0;}
.swipe-item {width:100%; position:relative; float:left;}
.swipe-nav {position:absolute; left:0; right:0; width:100%; text-align:center; z-index:15;}
.swipe-nav a {display:inline-block; vertical-align:middle; margin:0 2px; width:11px; height:11px; background:url('../images/swipe_off.png') no-repeat 0 0; background-size:100%;}
.swipe-nav a.active {background-image:url('../images/swipe_on.png');}
.hidden {position:absolute; top:-999px; left:-999px; width:0; height:0; overflow:hidden; font-size:0; color:rgba(0,0,0,0); visibility:hidden;}

/* layout */
.gxm-wp {position:relative; min-width:320px; margin:0 auto; max-width:480px;}
.gxm-head {position:relative; height:67px; border-bottom:2px solid #0e4297; z-index:11;}
.gxm-head h1 {padding-left:71px; height:67px;}
.gxm-head h1 img {height:67px; width:auto;}
.gxm-head .call-menu {position:absolute; top:0; left:0; width:67px; height:67px; font-size:0; color:rgba(0,0,0,0); background:url('../images/menu_toggle.gif') no-repeat center top; background-size:100% auto;}
.gxm-head .call-menu.active {background-position:center bottom;}
.gxm-head .gxm-menu {display:none; position:absolute; top:67px; left:0; width:100%; z-index:80; border-top:2px solid #1e1e1e;}
.gxm-head .gxm-menu li {background-color:#fff; border-bottom:1px solid #1e1e1e;}
.gxm-head .gxm-menu li a {display:block; padding-left:25px;}
.gxm-head .gxm-menu li img {height:45px; width:auto;}
.gxm-head .current {position:relative; margin-bottom:-6px; z-index:70;}


.main-front .swipe-nav {bottom:12px;}

.gxm-prod-menu {position:relative; margin-bottom:20px; background:url('../images/menu_arr.png') no-repeat 50% 100%; background-size:auto 8px; z-index:2;}
.gxm-prod-menu.not-sub {padding-bottom:8px; margin-bottom:-6px;}
.gxm-prod-menu h2 {padding-left:25px; height:30px; background:url('../images/h2_product_dot.gif') repeat-x 0 100%; background-size:auto 1px;}
.gxm-prod-menu.not-sub h2 {background:none;}
.gxm-prod-menu img {width:auto; height:100%;}
.gxm-prod-menu h2 img {height:29px;}
.gxm-prod-menu ul {padding-bottom:8px;}
.gxm-prod-menu li {border-bottom:1px solid #f2f2f2;}
.gxm-prod-menu li:last-child {border-bottom:0 none;}
.gxm-prod-menu li a {display:block; height:34px; padding-left:25px;}

.gxm-prod-menu.closed {padding-bottom:8px;}
.gxm-prod-menu.closed h2 {background:none;}
.gxm-prod-menu.closed h2:after {content:'다른 제품 보기'; cursor:pointer; white-space:nowrap; font-size:11px; position:absolute; right:8px; top:9px; height:11px; padding-right:15px; line-height:12px; background:url('../images/product_toggle.png') no-repeat 100% 0; background-size:11px;}
.gxm-prod-menu.closed ul {display:none;}
.gxm-prod-menu.opened {padding-bottom:8px;}
.gxm-prod-menu.opened h2:after {content:'다른 제품 보기'; cursor:pointer; white-space:nowrap; font-size:11px; position:absolute; right:8px; top:9px; height:11px; padding-right:15px; line-height:12px; background:url('../images/product_toggle.png') no-repeat 100% 100%; background-size:11px;}

/* product */
.bx-wrapper {margin:0 auto;}
.gxt-product-detail {position:relative; max-width:460px; margin:0 auto;}
.gxt-product-detail p {position:relative;}
.gxt-product-detail .prod-mov-init {position:relative; margin:0 25px; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.prod-mov-init iframe,
.prod-mov-init object,
.prod-mov-init embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.gxt-product-detail .movie-title {margin:0 25px 15px;}
.prod-mov-init + p {margin-top:30px;}

.gxt-prod-cont {position:relative;}

.product-detail-box .scrollTo img {width:auto; height:23px;}

.pop_result {position:absolute; top:29px; left:94px; width:145px; height:99px; background-color:#f3f3f3; border:1px solid #c0c0c0; text-align:center;}
.pop_result .txt {margin:21px 0 17px;}
.pop_result .txt img {width:120px; height:auto;}
.pop_result a img {width:91px; height:auto;}

.pop_end {position:absolute; left:81px; top:205px; width:153px; padding:35px 0; background-color:#f3f3f3; border:4px solid #0e4297; text-align:center; z-index:20;}
.pop_end .close_reg {position:absolute; top:0; right:0;}

.modal-fff {position:absolute; left:0; right:0; top:0; bottom:inherit; min-height:0; height:0; z-index:-1; overflow:hidden; background-color:#fff; opacity:.5;}
.modal .modal-fff {bottom:0; min-height:100%; z-index:9;}

/*0704 수정*/.btn_tab{width:90%;margin:0 auto;}
.btn_tab a{display:block;position:absolute;width:0%;height:0%;left:0%;top:0%;text-indent:-9999px;overflow:hidden;}
.btn_tab .tab01{width:21%;height:100%;left:0%;top:0%;}
.btn_tab .tab02{width:16%;height:100%;left:22%;top:0%;}
.btn_tab .tab03{width:19%;height:100%;left:38%;top:0%;}
.btn_tab .tab04{width:19%;height:100%;left:59%;top:0%;}
.btn_tab .tab05{width:19%;height:100%;left:79%;top:0%;}
.tab_con{overflow-x:hidden;overflow-y:auto;max-width:460px;margin:0 auto;margin-top:5%;height:300px;}

/*0704 추가*/.thumb-swipe {margin-top:9px;}
/*0704 추가*/.swipe-wrap{margin-left:3.5%}
/*0704 추가*/.swipe-wrap a {display:block; position:relative; float:left;}
/*0704 추가*/.swipe-wrap a .modal {position:absolute; top:0;left:0;width:100%;height:100%; background:url('../images/main/thumb_modal.png') no-repeat 0 100%;}
/*0704 추가*/.swipe-wrap a.on .modal {background-position:0 0;}
/*0704 추가*/.swipe-wrap a:hover .modal {opacity:.5;}
/*0704 추가*/.swipe-wrap a.on:hover .modal {opacity:1;}
/*0704 추가*/.swipe-wrap a.on .subs {color:#9c9c9c;}
/*0704 추가*/.swipe-wrap li{margin-left:2%;float:left}





/* main */
.gxm-main-body {background-color:#000;}
.main-slide {overflow:hidden; position:relative;}
.main-slide .main-slide-wrap {overflow:hidden; position:relative;}
.main-slide p {float:left; position:relative; width:100%;}
.gxm-main {position:relative;}

.menu-link a {display:block; }
.menu-link a img {width:100%;}

.movie-layer {position:absolute; top:0; left:0; right:0; padding:0 0 35px; width:100%; background-color:#000; z-index:50;}
.movie-layer .title {padding-top:20px; margin:0 15px;}
.movie-layer .movie-big {margin:0 15px;}

.movie-layer .thumb-swipe {overflow:hidden; position:relative; margin:0 15px;}
.movie-layer .swipe-wrap {overflow:hidden; position:relative;}
.movie-layer .swipe-wrap:after {content:''; clear:both; display:block; height:0;}
.movie-layer .swipe-item {float:left; position:relative; width:100%;}
.movie-layer .swipe-item a {display:block; position:relative; float:left; width:22%; margin-left:4%;}
.movie-layer .swipe-item a:first-child {margin-left:0;}
.movie-layer .swipe-item a .subs {position:absolute; display:block; top:0; left:0; bottom:0; width:100%; height:100%;}
.movie-layer .swipe-item a .subs strong {display:block; position:relative; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); text-align:center; color:#fff; font-size:8px;}
.movie-layer .swipe-item a.on:after {content:''; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #666;}
.movie-layer .swipe-item a.on .subs {display:none;}

.movie-layer .movie-big {position:relative; margin:0 15px 10px; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.movie-layer .movie-big iframe,
.movie-layer .movie-big object,
.movie-layer .movie-big embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.movie-layer .pager {position:absolute; bottom:12px; left:0; right:0; text-align:center; font-size:0; color:transparent;}
.movie-layer .pager span {display:inline-block; margin:0 5px; width:11px; height:11px; background:url('../images/main/dot.png') no-repeat 0 0; background-size:100% auto;}
.movie-layer .pager span.on {background-position:0 100%;}
.movie-layer .close {position:absolute; top:0; right:8px; width:30px; height:30px;}